<template>
  <div class="findlist">
      <div class="more">更多品牌</div>
      <div class="brand">
          <div class="modular" v-for="item in brandList" :key="item.id">
              <img :src="item.imgUrl" alt="">
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'FindList',
  data () {
    return {
        brandList:[
            {
                id:'1',
                imgUrl:'../../../../static/images/brand1.png'
            },{
                id:'2',
                imgUrl:'../../../../static/images/brand2.png'
            },{
                id:'3',
                imgUrl:'../../../../static/images/brand3.png'
            },{
                id:'4',
                imgUrl:'../../../../static/images/brand4.png'
            },{
                id:'5',
                imgUrl:'../../../../static/images/brand5.png'
            },{
                id:'6',
                imgUrl:'../../../../static/images/brand6.png'
            }
        ]
    }
  }
}
</script>


<style lang="stylus" scoped>
.findlist
    width 100%
    background-color #fff
    height 50%
    .more
        width 100%
        height .8rem
        padding-top .3rem 
        text-align center
        font-size .3rem
        font-weight bold
    .brand
        width 100%
        height 1.94rem
        .modular
            width 33.33%
            height 1rem
            height .96rem
            border 1px solid #efefef
            margin -.02rem 
            float left
            img 
                width 100%  
                height 100% 
</style>
